<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>大学排行榜</title>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Serif+SC:200,300,400,500,600,700,900">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-alpha1/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.0.0-alpha1/js/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.slim.min.js"></script>
    <link rel="stylesheet" href="./assets/style.css">
    </script>
</head>
<body>
<div id="app">
<!-- 固定导航栏 -->
<div class="container">
    <div class="row nav upnav">
        <div class="col-lg-4"><h1><div style="font-family: 'Arial';">山东省高考志愿系统</div></h1></div>
        <div class="col lg-4"></div>
        <div class="col-lg-3 seacher"><input type="text" placeholder="输入院校或专业"><button class="btn">搜索</button></div>
    </div>
    <div class="row nav botnav">
        <div class="col-lg-2"></div>
        <div class="col-lg-8  row">
            <div class="col-lg-2">
                <a href="index.html">
                    首页
                </a>
            </div>
            <div class="col-lg-2">
                <a href="universities.html">
                    院校查找
                </a>
            </div>
            <div class="col-lg-2">
                <a href="./majors/majors.html">
                    专业查找
                </a>
            </div>
            <div class="col-lg-2">
                <a href="recommend.html">
                    志愿推荐
                </a>
            </div>
            <div class="col-lg-2">
                <a href="ranking.html" style="font-weight: bold; color: rgb(57, 83, 131);">
                    大学排行
                </a>
            </div>
            <div class="col-lg-2">
                <a href="javascript:;" @click="toAdmin()">
                    管理员
                </a>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div style="margin-bottom: 50px;margin-top: 50px; margin-left: 50px;">
        <span class="yxtuijian2">2021年武书连大学排行榜</span>
        <div class="loi" style="color: rgb(97, 97, 97); font-size: 0.8em;">
            武书连中国大学排名是由武书连编写的关于中国大陆的大学排名。排名从人才培养和科学研究两大指标计算所得，体现学校整体实力。</div>
    </div>
    <div class="row">
        <div class="col-lg-1"></div>
        <div class="col-lg-10">
            <table  class="table table-borderd table-striped table-hover" style="color: rgb(85, 85, 85);">
                <thead>
                <tr>
                    <th>排名</th>
                    <th>学校名称</th>
                    <th>类型</th>
                    <th>所在地</th>
                    <th>学历层次</th>
                    <th>综合得分</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td><span class="sortNum">1</span></td>
                    <td>清华大学</td>
                    <td>综合</td>
                    <td>北京市</td>
                    <td>本科</td>
                    <td>136.37</td>
                </tr>
                <tr>
                    <td><span class="sortNum">2</span></td>
                    <td>北京大学</td>
                    <td>综合</td>
                    <td>北京市</td>
                    <td>本科</td>
                    <td>127.48</td>
                </tr>
                <tr>
                    <td><span class="sortNum">3</span></td>
                    <td>浙江大学</td>
                    <td>综合</td>
                    <td>杭州市</td>
                    <td>本科</td>
                    <td>120.48</td>
                </tr>
                <tr>
                    <td><span class="sortNum">4</span></td>
                    <td>上海交通大学</td>
                    <td>综合</td>
                    <td>上海市</td>
                    <td>本科</td>
                    <td>103.21</td>
                </tr>
                <tr>
                    <td><span class="sortNum">5</span></td>
                    <td>武汉大学</td>
                    <td>综合</td>
                    <td>武汉市</td>
                    <td>本科</td>
                    <td>96.93</td>
                </tr>
                <tr>
                    <td><span class="sortNum">6</span></td>
                    <td>南京大学</td>
                    <td>综合</td>
                    <td>南京市</td>
                    <td>本科</td>
                    <td>83.27</td>
                </tr>
                <tr>
                    <td><span class="sortNum">7</span></td>
                    <td>华中科技大学</td>
                    <td>综合</td>
                    <td>武汉市</td>
                    <td>本科</td>
                    <td>82.32</td>
                </tr>
                <tr>
                    <td><span class="sortNum">8</span></td>
                    <td>复旦大学</td>
                    <td>综合</td>
                    <td>上海市</td>
                    <td>本科</td>
                    <td>81.46</td>
                </tr>
                <tr>
                    <td><span class="sortNum">9</span></td>
                    <td>四川大学</td>
                    <td>综合</td>
                    <td>成都市</td>
                    <td>本科</td>
                    <td>81.02</td>
                </tr>
                <tr>
                    <td><span class="sortNum">10</span></td>
                    <td>吉林大学</td>
                    <td>综合</td>
                    <td>长春市</td>
                    <td>本科</td>
                    <td>80.9</td>
                </tr>
                <tr>
                    <td><span class="sortNum">11</span></td>
                    <td>中山大学</td>
                    <td>综合</td>
                    <td>广州市</td>
                    <td>本科</td>
                    <td>80.31</td>
                </tr>
                <tr>
                    <td><span class="sortNum">12</span></td>
                    <td>山东大学</td>
                    <td>综合</td>
                    <td>济南市</td>
                    <td>本科</td>
                    <td>79.6</td>
                </tr>
                <tr>
                    <td><span class="sortNum">13</span></td>
                    <td>哈尔滨工业大学</td>
                    <td>工科</td>
                    <td>哈尔滨市</td>
                    <td>本科</td>
                    <td>78.32</td>
                </tr>
                <tr>
                    <td><span class="sortNum">14</span></td>
                    <td>西安交通大学</td>
                    <td>综合</td>
                    <td>西安市</td>
                    <td>本科</td>
                    <td>76.64</td>
                </tr>
                <tr>
                    <td><span class="sortNum">15</span></td>
                    <td>中南大学</td>
                    <td>综合</td>
                    <td>长沙市</td>
                    <td>本科</td>
                    <td>75.32</td>
                </tr>
                <tr>
                    <td><span class="sortNum">16</span></td>
                    <td>中国科学技术大学</td>
                    <td>工科</td>
                    <td>合肥市</td>
                    <td>本科</td>
                    <td>69.32</td>
                </tr>
                <tr>
                    <td><span class="sortNum">17</span></td>
                    <td>东南大学</td>
                    <td>综合</td>
                    <td>南京大学</td>
                    <td>本科</td>
                    <td>68.24</td>
                </tr>
                <tr>
                    <td><span class="sortNum">18</span></td>
                    <td>中国人民大学</td>
                    <td>综合</td>
                    <td>北京市</td>
                    <td>本科</td>
                    <td>65.32</td>
                </tr>
                <tr>
                    <td><span class="sortNum">19</span></td>
                    <td>天津大学</td>
                    <td>工科</td>
                    <td>天津市</td>
                    <td>本科</td>
                    <td>64</td>
                </tr>
                <tr>
                    <td><span class="sortNum">20</span></td>
                    <td>华南理工大学</td>
                    <td>工科</td>
                    <td>广州市</td>
                    <td>本科</td>
                    <td>59.64</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>

</div>



<!-- footer -->
<div class="footer container">
    <div class="footertext">
        <div>项目经理: 李永琪</div>
        <div>邮箱: 1250025948@qq.com</div>
        <div>团队成员: 王兴胜 周经纬 刘宇航</div>
    </div>
</div>
</div>
</body>
</html>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script>
    const app = new Vue({
        el:'#app',
        data:{
            users:{},
            showGroup:false,
            role:'',

        },
        methods:{
            goOffline(){
                const storage = window.localStorage;
                storage.setItem("online","off");
                storage.setItem("userid",'');
                storage.setItem("role","user")
                alert("登出成功, 点击进入登陆页面")
                location.href='login.html';
            },
            toAdmin(){
                if(window.localStorage.getItem("role") === 'administrator') location.href='admin/user.html';
                else alert("非管理员 无授权进入管理员界面!")
            }
        },
        created(){
            if(window.localStorage.getItem("online")!=="on"){
                window.location='login.html';
            }else {
                this.showGroup = window.localStorage.getItem("role") === "administrator";
            }
        }
    })
</script>
